<template>
  <div class="container">    
    <div class="markdown-preview">
      <div v-if="error.statusCode === 404" >
        <h3 class="error-title">页面不存在</h3>
        <span class="error-message">{{ error.message }}</span>
      </div>  
      <div v-else>
        <h3 class="error-title">应用发生错误异常</h3>
        <span class="error-message">{{ error.message }}</span>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  props: ['error']
}
</script>
<style scoped>
.error-title {
  display: block;
  text-align: center;
  color: #e94134;
}
.error-message {
  display: block;
  text-align: center;
  color: #574716;
}
</style>
